<template>
  <div id="tab-bar">
    <div class="tab-bar-item">
      <img class="tab-bar-icon" src="../../assets/images/tabbar/icon_index5.png"/>
      首页
    </div>
    <div class="tab-bar-item">
      <img class="tab-bar-icon" src="../../assets/images/tabbar/icon_index5.png"/>
      分类
    </div>
    <div class="tab-bar-item">
      <img class="tab-bar-icon" src="../../assets/images/tabbar/icon_index5.png"/>
      购物车
    </div>
    <div class="tab-bar-item">
      <img class="tab-bar-icon" src="../../assets/images/tabbar/icon_index5.png"/>
      我的
    </div>
  </div>
</template>
<script>
export default {
  name: 'tabbar',
  components: {
    
  }
}
</script>
<style scoped>
  #tab-bar {position:fixed;bottom:0;left: 0;right: 0;height: 49px;display: flex;justify-items: center;box-shadow:0 -3px 4px rgba(100,100,100,0.1)}
  .tab-bar-item {flex:1;text-align:center;display:flex;}
  .tab-bar-icon {width: 25px;height:25px;}
</style>